<template>
  <!--顶部栏-->
  <el-header class="header">
    <div class="logo">
      <img :src="logo"
           style="height: 100%;
           width: 200px;
           object-fit: fill"/>
    </div>
    <el-dropdown style="float: right;
    margin-right: 30px;
    margin-top: 20px">
      <i class="el-icon-setting" style="margin-right: 20px"></i>
      <el-dropdown-menu slot="dropdown">
        <el-dropdown-item>查看</el-dropdown-item>
        <el-dropdown-item>新增</el-dropdown-item>
        <el-dropdown-item>删除</el-dropdown-item>
      </el-dropdown-menu>
      <span>王小虎</span>
    </el-dropdown>

  </el-header>
</template>

<script>

  export default {
    name: "HeaderBar",
    data() {
      return {
        logo: require("@/assets/img/nav_bar/logo.png")
      }
    }
  }
</script>

<style scoped>
  .header {
    text-align: right;
    font-size: 12px;
    width: 100%;
    padding: 0;
  }
  .logo {
    width: 200px;
    height: 100%;
    float: left
  }
</style>